<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="../css/index6.css">
	<link rel="stylesheet" href="../css/reset.css">
	<link rel="stylesheet" href="../css/swiper.min.css">
</head>
<body>
	<div class="index6">
		<header class="header">
			<div class="left">
				本溪
			</div>
			<div class="center">
				<img src="../imgs/index6_06.jpg">
				<span>搜服务</span>
			</div>
			<div class="right">
				<img src="../imgs/index-tab-11.png" />
			</div>
		</header>

		<div class="tupian">
		   <div class="swiper-container a">
             <div class="swiper-wrapper">
               <div class="swiper-slide"><img src="../imgs/index6_tab.jpg"/></div>
               <div class="swiper-slide"><img src="../imgs/index6_tab.jpg"/></div>
               <div class="swiper-slide"><img src="../imgs/index6_tab.jpg"/></div>
             </div>
    <!-- 如果需要分页器 -->
       <div class="swiper-pagination"></div> 
    
    <!-- 如果需要导航按钮 
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>-->
    
    <!-- 如果需要滚动条
    <div class="swiper-scrollbar"></div> -->
		   </div>
        </div>

      <nav>
      	<ul >
      	
      	</ul>

      </nav>


  <div class="bg"></div>

      <div class="neirong">
      	    <div class="zuo">
      	    	<div class="g">
      		     <img src="../imgs/index6_45.jpg"/>
      		     <p>港澳台出行</p>
      		     </div>
      	    </div>
            <div class="you">
                 <div class="top">
      		         <img src="../imgs/index6_42.jpg"/>
      		         <span>我和Ta一个..</span>
      	         </div>
      	         <div class="xia">
      	              <div class="z">
      	 	              <img src="../imgs/index6_52.jpg">
      	 	              <span>吃遍本溪</span>
      	              </div>
      	              <div class="y">
      	 	              <img src="../imgs/index6_49.jpg">
      	  	              <span>服务超市</span>
      	              </div>
      	         </div>
            </div>
      </div>
           <div class="footer">
	<ul>
		<li>
			<a href="#" id="yi">
				<img class="a" src="../imgs/index-tab-1.jpg" style=" display: none;">
				<img class="aa" src="../imgs/index-tab-11.png" >
				<p>服务超市</p>
			</a>
			
		</li>
		<li>
			<a href="#" id="er">
				<img class="b" src="../imgs/index-tab-2.png">
				<img class="bb" src="../imgs/index-tab-22.png" style=" display: none;">
				<p>有问必答</p>
			</a>
			
		</li>
		<li>
			<a href="#" id="san">
				<img class="c" src="../imgs/index-tab-3.png">
				<img class="cc" src="../imgs/index-tab-33.png" style=" display: none;">
			<p>我的</p>
			</a>
		</li>
		
	</ul>
</div>



	</div>

	<script src="../js/flexible.debug.js"></script>
	<script src="../js/flexible_css.debug.js"></script>
	<script src="../js/swiper.min.js"></script>
	<script src="../js/jquery-1.11.2.min.js"></script>
	<script type="text/javascript">
		var mySwiper = new Swiper ('.a', {
    
    loop: true,
    
    // 如果需要分页器
    pagination: '.swiper-pagination',


    autoplay:'1000'/*,
    
    // 如果需要前进后退按钮
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev',
    
    // 如果需要滚动条
    scrollbar: '.swiper-scrollbar',*/
  })      
  

$.ajax({
          type:"get",
          url:"../json/index6.json",
          async:true,
          success:function(data){
            for(var i=0; i<data.length;i++){
              var p = $("<p>").html(data[i].wenzi);
             
              var span = $("<img>").attr("src",data[i].imgurl);
              var li = $("<li></li>");

              span.appendTo(li);
              p.appendTo(li)
              li.appendTo('nav ul')
            }
          }
        });


   $('.neirong .zuo').click(function(){
   	  location.href = "hang.html";
   })
   $('.xia .z').click(function(){
   	  location.href = "meisi.html";
   })
     $('.you .top').click(function(){
   	  location.href = "fuwu.html";
   })
     $('.xia .y').click(function(){
   	  location.href = "liebiaoye.html";
   })
   





	</script>
</body>
</html>